<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		 .box{
		 	width: 200px;
		 	height: 200px;
		 	background: skyblue;
           /* 边框的宽度	*/
/*		 	border-width: 2px 10px 20px 5px;*/
          /*	边框的颜色	*/
/*          border-color: red blue green yellow;*/
          /*  边框的样式 上右下左   solid实线 dashed虚线方块 double双实线 dotted虚线原点*/
/*          border-style: solid dashed double dotted;*/
          /*     整合写法  粗细 颜色 样式，无顺序要求 */
          border: 2px red solid;
          /*   单独设置某一位置边框
                  border-top
                  border-bottom
                  border-left
                  border-right   */
          border-top: 10px gold dashed;
		 }
	</style>
</head>
<body>
<div class="box"></div>
</body>
</html>